.nodata {
    text-align: center;
    color     : #666;
    font-size : 16px;
    margin-top: 30px;
}

.process {
    .lctbar {
        padding    : 8px 0 0 0;
        text-align : center;
        font-size  : 16px;
        line-height: 32px;
        height     : 40px;

        .status {
            border : 1px solid #ddd;
            width  : 12px;
            height : 12px;
            display: inline-block;
        }
    }

    .lctList {
        padding   : 10px;
        height    : 900px;
        overflow-x: hidden;
        overflow-y: auto;

        div {
            white-space: nowrap;
        }

        .but {
            font-size: 18px;
            height   : 36px;

            &.progress {
                width        : 36px;
                height       : 36px;
                line-height  : 36px;
                text-align   : center;
                border-radius: 50%;
                margin-right : 10px;
                display      : inline-block;
                cursor       : pointer;
                border       : 1px solid #ddd;
            }
        }

        .nav {
            padding: 5px 0;
            margin : 0;

            li {
                list-style: none;

                .but {
                    &.progress {
                        width        : 30px;
                        height       : 30px;
                        line-height  : 30px;
                        font-size    : 10px;
                        margin       : 0 0 0 3px;
                        white-space  : nowrap;
                        text-overflow: ellipsis;
                        overflow     : hidden;
                    }
                }

                .navbut {
                    margin       : 2px 0 2px 16px;
                    width        : 260px;
                    height       : 30px;
                    font-size    : 16px;
                    white-space  : nowrap;
                    text-overflow: ellipsis;
                    overflow     : hidden;
                }
            }
        }

        .ant-btn {
            width: 294px;
        }

        .arrow {
            margin: 0 0 0 138px;
        }
    }

    .modalFlow {
        padding  : 0;
        font-size: 16px;
        height   : calc(100vh - 760px);
        overflow : scroll;

        td {
            text-align: justify;
        }
    }

    .jxz {
        background: #1890ff;

        &:hover {
            border    : 1px solid #fff;
            box-shadow: 0 0 8px #fff;
        }
    }

    .ywc {
        background: #23ad54;

        &:hover {
            border    : 1px solid rgb(65, 56, 56);
            box-shadow: 0 0 8px #fff;
        }
    }

    .p5 {
        padding: 5px 0;
    }

    p {
        padding: 0;
        margin : 0;
    }
}

.timeWrap {
    display   : block;
    margin-top: 10px
}

.wd {
    width: 100%;
}

.textareaBorder {
    width        : 95%;
    border       : 1px solid #4679cf;
    text-align   : left;
    padding      : 5px;
    border-radius: 3px;
    background   : transparent;
    height       : 88px;
    line-height  : 22px;

    &:hover {
        border: 1px solid #3f62a0;
    }
}

.ant-checkbox-wrapper {
    margin-left: 8px;
}

:host ::ng-deep .lctList .ant-layout,
.lctList .ant-layout-sider {
    background: transparent;
}

.notification {
    bottom               : 24px;
    left                 : 200px;
    box-sizing           : border-box;
    margin               : 0;
    padding              : 0;
    color                : rgba(0, 0, 0, 0.65);
    font-size            : 14px;
    font-variant         : tabular-nums;
    line-height          : 1.5;
    list-style           : none;
    font-feature-settings: 'tnum';
    position             : fixed;
    z-index              : 1010;
    max-width            : calc(100vw - 32px);
    margin-right         : 24px;
}